<div class="row pt-4">
    <div class="col-xl-2 col-md-6 mb-5">
        <div class="card" style="height: 103%;">
            <div class="card-body">
                <div class="  text-add" style="color: #6c757d">
                    <p class="text-muted text-center ">库容</p>
                    <h4 class="" style="font-size: 15px;">库位：{{list.shopTotal}}</h4>
                    <div style="display: flex;">
                        <p class="" style="font-size: 15px;">已用：{{list.shopTotal}}</p>&nbsp;&nbsp;
                        <p class="" style="font-size: 15px;">未用：{{list.shopTotal}}</p>
                    </div>
                    <p class="" style="font-size: 15px;">货用：{{list.shopTotal}}</p>
                    <p class="" style="font-size: 15px;">在途：{{list.shopTotal}}</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-2 col-md-6 mb-10">
        <div class="card" style="height: 84%;">
            <div class="card-body">
                <div class="text-add">
                    <p class=" text-center text-muted">拣货</p>
                    <div style="display: flex;justify-content: space-around">
                        <p class="text-muted text-muted-add">单已完成：{{list.newUser}}</p>
                        <p class="text-muted text-muted-add">单未完成：{{list.newUser}}</p>
                    </div>
                    <p class=" text-center text-muted">复检</p>
                    <div style="display: flex;justify-content: space-around">
                        <p class="text-muted text-muted-add">单已完成：{{list.newUser}}</p>
                        <p class="text-muted text-muted-add">单未完成：{{list.newUser}}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-2 col-md-6 mb-5">
        <div class="card">
            <div class="card-body">
                <div class="text-add" style="color: #6c757d">
                    <p class="text-muted text-center">装车情况</p>
                    <p class="" style="font-size: 15px;">未装车单据数量：{{list.shopTotal}}</p>
                    <p class="" style="font-size: 15px;">未装车单据金额：{{list.shopTotal}}</p>
                    <p class="" style="font-size: 15px;">已装车单据数量：{{list.shopTotal}}</p>
                    <p class="" style="font-size: 15px;">已装车单据金额：{{list.shopTotal}}</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-2 col-md-6 mb-5">
        <div class="card" style="height: 100%;">
            <div class="card-body">
                <div class="text-add">
                    <p class="text-muted  text-center">物流情况</p>
                    <div style="display: flex;justify-content: space-around">
                        <p class="text-muted text-muted-add">在途单据数：{{list.newUser}}</p>
                        <p class="text-muted text-muted-add">单据金额：{{list.newUser}}</p>
                    </div>
                    <div style="display: flex;justify-content: space-around">
                        <p class="text-muted text-muted-add">已送单据数：{{list.newUser}}</p>
                        <p class="text-muted text-muted-add">单据金额：{{list.newUser}}</p>
                    </div>
                </div>


            </div>
        </div>
    </div>
    <div class="col-xl-2 col-md-6 mb-5">
        <div class="card" style="height: 99%;">
            <div class="card-body">
                <div class="  text-add">
                    <p class="text-muted  text-center">单据情况</p>
                    <p class="text-muted text-muted-add">今日订单数：{{list.newOrder}}个</p>
                    <p class="text-muted text-muted-add">今日送货数：{{list.newOrder}}个</p>
                </div>


            </div>
        </div>
    </div>
</div>
<ng-container *ngIf="!outlet.isActivated"  >
    <div style="display:flex;width: 100%;"  >
        <div style="min-width: 120%;display:flex;">
        <div class="p-2" >
            <div class="card rounded-0">
                <div class="card-body">
                    <!-- <ts-table-load [display]="loading"></ts-table-load> -->
                    <div class="table-responsive">
                        <table class="table table-striped">
                            <tbody>
                                <tr class="font-weight-bold bg-light">
                                    <td  *ngFor="let th of theads">{{th}}</td>
                                </tr>
                                <tr>
                                    <td>1</td>
                                    <td>2
                                        <!-- <img tsImg [src]="td.goodsThumb" dataSrc="assets/images/404.jpg" class="rounded-circle" width="40" height="40" alt="Logo"> -->
                                    </td>
                                    <td>3</td>
                                    <td>4</td>
                                    <td>5</td>
                                    <!-- {{td.createdAt.substring(0,10)|date:'yyyy/MM/dd'}} -->
                                    <td>6</td>
                            
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <!-- </div> -->
                    <!-- <div class="text-right">
                                <ts-pagination (pageChange)="loadDatas()" [pagination]="pagination" [items]="[{text:'显示 5 条',value:5},{text:'显示 10 条',value:10},{text:'显示 20 条',value:20}]"
                                    [color]="global.params.color" goTitle="跳转" prevTitle="上一页" nextTitle="下一页" startTitle="首页" endTitle="末尾"
                                    outline></ts-pagination>
                            </div> -->
                </div>
            </div>
        </div>
        <div class="p-2" >
            <div class="card rounded-0">
                <div class="card-body">
                    <!-- <ts-table-load [display]="loading"></ts-table-load> -->
                    <div class="table-responsive">
                        <table class="table table-striped">
                            <tbody>
                                <tr class="font-weight-bold bg-light">
                                    <td  *ngFor="let th of billTh">{{th}}</td>
                                </tr>
                                <tr>
                                    <td>1</td>
                                    <td>2
                                        <!-- <img tsImg [src]="td.goodsThumb" dataSrc="assets/images/404.jpg" class="rounded-circle" width="40" height="40" alt="Logo"> -->
                                    </td>
                                    <td>3</td>
                                    <td>4</td>
                                    <td>5</td>
                                    <!-- {{td.createdAt.substring(0,10)|date:'yyyy/MM/dd'}} -->
                                    <td>6</td>
                                    <td>3</td>
                                    <td>4</td>
                                    <td>5</td>
                                    <td>4</td>
                                    <td>5</td>
                                    <td>3</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <!-- </div> -->
                    <!-- <div class="text-right">
                                    <ts-pagination (pageChange)="loadDatas()" [pagination]="pagination" [items]="[{text:'显示 5 条',value:5},{text:'显示 10 条',value:10},{text:'显示 20 条',value:20}]"
                                        [color]="global.params.color" goTitle="跳转" prevTitle="上一页" nextTitle="下一页" startTitle="首页" endTitle="末尾"
                                        outline></ts-pagination>
                                </div> -->
                </div>
            </div>
        </div>
    </div>
    </div>
</ng-container>


<router-outlet #outlet="outlet"></router-outlet>